<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<div th:replace="~{include-head :: head}"></div>
<link rel="stylesheet" href="/css/pagination.css">
<style>

	.tree li {
		list-style-type: none;
		cursor: pointer;
	}

	table tbody tr:nth-child(odd) {
		background: #F4F4F4;
	}

	table tbody td:nth-child(even) {
		color: #C00;
	}
>>>>>>> fe876041ced0570b214b027c2c58aec63c7844dc
</style>
<body>
<div th:replace="~{include-nav :: nav}"></div>
<div class="container-fluid">
    <div class="row">
        <div th:replace="~{include-sidebar :: sidebar}"></div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="glyphicon glyphicon-th"></i> 数据列表</h3>
                </div>
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table  table-bordered">
                            <thead>
                            <tr>
                                <th width="30">#</th>
                                <th>消息描述</th>
                                <th width="100">操作</th>
                            </tr>
                            </thead>
                            <tbody  id="roleTableBody">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:replace="~{include-modal-message-edit :: messageedit}"></div>
<script src="/jquery/jquery-2.1.1.min.js"></script>
<<<<<<< HEAD
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/script/docs.min.js"></script>
<script type="text/javascript" src="/script/jquery.pagination.js"></script>

<script type="text/javascript" src="/script/jquery.pagination.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/script/docs.min.js"></script>

<script src="/script/my-message.js"></script>
<script src="/layer/layer.js"></script>
<script type="text/javascript">
    $(function () {

        $(".list-group-item").click(function () {
            if ($(this).find("ul")) {
                $(this).toggleClass("tree-closed");
                if ($(this).hasClass("tree-closed")) {
                    $("ul", this).hide("fast");
                } else {
                    $("ul", this).show("fast");
                }
            }
        });

    });
</script>
</body>
</html>
